body {
    background-color: #FFFFFF;
    font-family:Arial, Helvetica, sans-serif;
}

/*

*/

.wrapper{
    display:block;
    margin:30px auto;
    width:974px;
}

.logo-header{
    float:left; 
    padding:0px;
}

.main-container{
    float:left; 
    width:974px; 
    height:auto;
}

.main-container .t-t{
    float:left;
    background:url(../../../img/login/t-bg.gif) repeat-x; 
    width:974px; 
    height:50px;
}

.main-container .t-t span.tt-l-corner{ 
    float:left; 
    background:url(../../../img/login/t-l-corner.gif) no-repeat left; 
    width:15px; 
    height:50px;
}

.main-container .t-t span.tt-r-corner{
    float:right; 
    background:url(../../../img/login/t-r-corner.gif) no-repeat right; 
    width:15px; 
    height:50px;
}

.main-container .t-b{
    float:left;
    background:url(../../../img/login/b-bg.gif) repeat-x; 
    width:974px; 
    height:15px;
}

.main-container .t-b span.tb-l-corner{ 
    float:left; 
    background:url(../../../img/login/b-l-corner.gif) no-repeat left; 
    width:15px; 
    height:15px;
}

.main-container .t-b span.tb-r-corner{
    float:right; 
    background:url(../../../img/login/b-r-corner.gif) no-repeat right; 
    width:15px; height:15px;
}

.main-container .login-mainarea{ 
    float:left;
    width:972px; 
    height:auto; 
    background: #FFF; 
    border-left:1px solid #d2d2d2;
    border-right:1px solid #d2d2d2; 
    padding:0px 0px 5px 0px;
}

.graybox-wrapper{
    margin:0px auto; 
    width:316px;
}

.graybox-signintxt{
    float:left; 
    margin:0px; 
    padding:5px 0px 7px 8px; 
    width:308px; 
    height:20px; 
    text-align:left;
}
.ssoParahead1 {
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 16px; 
    font-weight: bold; 
    color: #000000; 
    text-decoration: none; 
    visited: #000000; 
    padding-left:6px; 
}

.graybox-container{
    float:left; 
    width:316px; 
    height:auto;
}

.graybox-container .gb-t{
    float:left;
    width:316px; 
    height:20px; 
    background:url(../../../img/login/gray-t-line.gif) repeat-x;
}

.graybox-container .gb-t span.gb-t-l{
    float:left; 
    width:20px; 
    height:20px; 
    background:url(../../../img/login/gray-b-l-t.gif) no-repeat left;
}

.graybox-container .gb-t span.gb-t-r{
    float:right; 
    width:20px; 
    height:20px; 
    background:url(../../../img/login/gray-b-r-t.gif) no-repeat right;
}

.graybox-container .gb-b{
    float:left;
    width:316px; 
    height:20px; 
    background:url(../../../img/login/gray-b-line.gif) repeat-x; 
    padding-bottom:5px;
}

.graybox-container .gb-b span.gb-b-l{
    float:left; 
    width:20px; 
    height:20px; 
    background:url(../../../img/login/gray-b-l-b.gif) no-repeat left;
}

.graybox-container .gb-b span.gb-b-r{
    float:right; 
    width:20px; 
    height:20px; 
    background:url(../../../img/login/gray-b-r-b.gif) no-repeat right;
}

.graybox-container .gb-m{
    float:left;
    width:314px; 
    height:auto; 
    background:#f3f3f5;
    border-left:1px solid #d2d2d2;
    border-right:1px solid #d2d2d2;
}

.graybox-container .gb-m .signinform{
    float:left; 
    padding:0px 20px 5px 20px; 
    width:276px; 
    height:auto; 
    font-size:13px;
}

.signinform form label.sf-lbl, .signinform form label{
    float:left;
    width:272px;
    height:15px; 
    padding-top:5px;
}

.signinform form input.sf-txtbox, .signinform form input[type='text']{
    float:left;width:272px;
    height:20px; 
    border:0px;
    border:1px solid #7e9db9; 
    margin-top:0px;
}
.signinform form input.sf-pwdbox, .signinform form input[type='password']{
    float:left;width:272px;
    height:20px;
    border:0px; 
    border:1px solid #7e9db9;
    margin-top:0px;
}

.signinform form .btnpart{
    border-spacing: 0px;     
    margin: 20px 0px 0px 0px; 
    display: inline-block;
    padding: 20px 0px 10px 0px; 
    width: 276px;
}

.signinform form .btnpart td{
    padding: 0px;
    vertical-align: middle;
}

.msgFrm{
    font-family: tahoma,arial,helvetica;
    font-size: 12px;
    color: #BF2F2F;
    font-weight: bold;
    margin:0px;
}

.HelpInst{
    width:auto; 
    padding-top:10px; 
    font-family:Arial, Helvetica, sans-serif; 
    font-size:12px;
    color:#333333; 
    text-align: center;
}

.footer-info{
    float:left;
    padding:30px 15px 0px 15px; 
    width:auto; 
    height:auto;
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 10px; 
    color: #666;
}

.footer-info div{
    border-top:1px solid #E4E4E4; 
    padding-top:10px;
    text-align: justify;
}


.pwrdbytxt{ 
    margin:0px; 
    padding:21px 0px 0px 0px; 
    width:100%; 
    height:auto;
    text-align:center; 
    font-size:10px; 
    color:#666; 
    line-height:12px;
    font-weight: bold;
}

.boton{
    background-color: #0078a4;
    border: 1px solid #0078a4;
    border-radius: 0.2em;
    color: #ffffff;
    font-family: Ubuntu;
    font-size: 13px;
    font-weight: bold;
    height: 27px;
    width: 116px;
}

.boton:hover{
    background-color: #007190;
}


.boton2{
    background-color: #0078a4;
    border: 1px solid #0078a4;
    border-radius: 0.2em;
    color: #ffffff;
    font-family: Ubuntu;
    font-size: 13px;
    font-weight: bold;
    height: 27px;
    width: 116px;
    margin-top:15px;
}

.boton2:hover{
    background-color: #007190;
}

/* CSS MODO MOVIL */
.Mwrapper{ display:none;}

/* MENSAJES POPUP */
.msgblock{
    position: fixed;
    _position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9000;
    background-color: black;
    display: none;
    filter:alpha(opacity=20);
}

.msgbox {
    background: #ffffff;
    border: 1px solid #8f8f8f;
    box-shadow: 0 0 30px 5px #8F8F8F;
    border-radius: 8px;
    outline: 0 none;

    padding: 0 0 30px;
    min-width: 360px;
    width: 600px;
    position: fixed;/*REVISION  23-10-2014*/
    display: none;

    top: 35%;
    left: 35%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    z-index: 10000;

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(30%,#ffffff));
    background: -webkit-linear-gradient(top, #e5e5e5 0%,#ffffff 30%);
    background: -o-linear-gradient(top, #e5e5e5 0%,#ffffff 30%);
    background: -ms-linear-gradient(top, #e5e5e5 0%,#ffffff 30%);
    background: -moz-linear-gradient(top, #e5e5e5 0%, #ffffff 30%);
    text-wrap: inherit;
}


.msgbox_error {
    -moz-font-feature-settings: normal;
    -moz-font-language-override: normal;
    -x-system-font: none;
    font-size: 15px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: normal;
    color: #515151;
    font-family:Arial, Helvetica, sans-serif; 
    text-align: center;
}

.msgbox_load {
    background: #FFF;
    border: 1px solid #8f8f8f;
    -webkit-box-shadow: 0 20px 26px #8f8f8f;
    box-shadow: 0 20px 26px #8f8f8f;
    outline: 0 none;
    padding: 10px 22px;
    width: 200px;
    height: 50px;
    position: fixed;
    top: 50%;
    z-index: 10000;
    left: 50%;
    display: none;
    background: -moz-linear-gradient(top, #e5e5e5 0%, #ffffff 30%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(30%,#ffffff));
    background: -webkit-linear-gradient(top, #e5e5e5 0%,#ffffff 30%);
    background: -o-linear-gradient(top, #e5e5e5 0%,#ffffff 30%);
    margin-left: -110px;
}

.loading {
    -moz-font-feature-settings: normal;
    -moz-font-language-override: normal;
    -webkit-font-feature-settings: normal;
    -webkit-font-language-settings: normal;
    -x-system-font: none;
    background-image: url("../../../img/extra/large-loading.gif");
    background-position: left center;
    background-repeat: no-repeat;
    color: #444444;
    height: 100%;
    width: 100%;
}

/* Tablet version */
@media screen and (min-width: 768px) and (max-width:1024px) {
    body{
        margin:0;
        padding:0 10px 10px
    }

    .t-t,.t-b { 
        display:none !important; 
    }

    .wrapper,.logo-header,.main-container,.login-mainarea{
        width:100%;
    }

    .footer-info{
        width:auto;
    }

    .main-container .login-mainarea {
        border:0; 
        width:100%; 
        background:transparent;
    }

    .main-container {
        padding-top:40px;
        padding-bottom:10px;
        border:1px solid #d2d2d2;
        -moz-border-radius:10px;
        -webkit-border-radius:10px;
        border-radius:10px;
        background: #e5e5e5;
        background: -moz-linear-gradient(top, #e5e5e5 0%, #ffffff 14%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(14%,#ffffff));
        background: -webkit-linear-gradient(top, #e5e5e5 0%,#ffffff 14%);
        background: -o-linear-gradient(top, #e5e5e5 0%,#ffffff 14%);
        background: -ms-linear-gradient(top, #e5e5e5 0%,#ffffff 14%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 );
        background: linear-gradient(top, #e5e5e5 0%,#ffffff 14%);
        -moz-box-shadow:inset 0 0 0.9px 1px #fff;
        -webkit-box-shadow:inset 0 0 0.9px 1px #fff;
        box-shadow:inset 0 0 0.9px 1px #fff;
    }
}

/* Mobile Version styling classes */
@media handheld, only screen and (max-width: 767px) {
    body{
        font-family:Arial, Helvetica, sans-serif; 
        text-align:left;
        background-color: #ededed; 
        margin:0;
        -webkit-text-size-adjust: none;
    }

    .wrapper{
        display:none;
    }

    .Mwrapper{
        display:block;
        margin:0px; 
        width:100%;
    }

    .Msigninform{ 
        width:auto;
        height:auto; 
        font-size: small; 
        clear:both; 
        text-align:left;
    }

    form{
        padding:10px;
        margin:0;
    }

    input{
        width:100%;
        height:28px;
        color: #5E686F; 
        font-size:medium;
        border:1px solid #7e9db9;
    }

    .Msigninformrow{ 
        width:auto;
        text-align:left; 
        padding-top:4px;
    }

    .Msigninformbtnarea{ 
        width:100%; 
        padding-top:30px; 
        text-align:right; 
        float: right;
    }

    .MMInstBG{
        padding: 5px;
    } 

    .MHelpInst{
        width:auto;
        font-size:11px; 
        color:#333333; 
        text-align: center
    }

    .Mpwrdbytxt{
        padding:4px 0px; 
        text-align:center; 
        font-size:11px; 
        color:#666666; 
        background-color:#ededed;
        border-top:1px solid #FFF; 
        border-bottom:1px solid #FFF;
    }

}